<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <div onclick="alert(666)">123</div>

    <script>


        // 普通的事件绑定(0级事件)   obj.onclick = null  进行解除事件绑定

        // 事件监听(2级事件)   在绑定事件的时候，必须使用具名函数，  removeEventListener(事件类型 , 具名函数)






        var oDiv = document.querySelector('div') ;

        // onclick 赋值为任意一个值都可以移除事件绑定   一般建议使用 null
        oDiv.onclick = null ;


        // // add 添加
        // oDiv.addEventListener('click' , fn1)
        // oDiv.addEventListener('click' , fn2)


        // function fn1() {
        //     console.log(111);
        // }

        // function fn2() {
        //     console.log(222);
        // }


        // // remove
        // oDiv.removeEventListener('click' , fn1) ;
        // oDiv.removeEventListener('click' , fn2) ;



        oDiv.attachEvent('onclick' , fn1) ;
        oDiv.attachEvent('onclick' , fn2) ;

        function fn1() {
            console.log(111);
        }

        function fn2() {
            console.log(222);
        }


        oDiv.detachEvent('onclick' , fn1) ;
        oDiv.detachEvent('onclick' , fn2) ;


        function removeEvent(ele , type , cb) {
            if(window.removeEventListener) {
                ele.removeEventListener(type , cb) ;
            } else {
                ele.detachEvent('on' + type , cb)
            }
        }

    </script>
    
</body>
</html>